<template>
  <!-- 第一个背景 -->
  <div class="fourth_bottom">
    <!--用于第二个图片，分层效果-->
    <!--人物关系图-->
    <div class="relations">
      <relation></relation>
    </div>
  </div>
</template>

<script>
import relation from "@/components/four/Relation.vue";

export default {
  name: "Fourth",
  components: {
    relation,
  },
};
</script>

<style scoped>

/* 用于当背景分层 */
.fourth_bottom {
  width: 100%;
  /* height: 92%; */
  flex-grow: 1;
  display: flex;
  background-image: url(../assets/背景图.png);
  border-style: solid;
  border-color: #ffffff67;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
}

.realtions {
  width: 100%;
  height: 100%;
  
}
</style>
